

html,
body {
    overflow-x: hidden;
}



/* 4张图片 */
@keyframes swiper-slide {

    0%, 10% {
        transform: translateX(0%);
    }

    10%, 25% {
		transform: translateX(-102%);
	}
	
    35%, 50%{
		transform: translateX(-202%);
	}

	60%, 75%{
		transform: translateX(-302%);
	}

    85%, 100% {
        transform: translateX(0%);
    }
}


.swiper {
    width: 80%;
    height: 70vh;
    max-width: 100%;
    margin: auto;
    /* margin-top: 1em;
    margin-bottom: 2em; */

    white-space: nowrap;
    transition: none;
    animation: 15s ease-in-out swiper-slide infinite;
}


.swiper .swiper-item {
    flex: 1;
    object-fit: fill;
    position: relative;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
}


.swiper img,
.swiper .img,
.swiper .image {
    flex: 1;
    object-fit: fill;
    user-select: none;
    -webkit-user-drag: none;
    position: relative;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    max-height: 100%;
}

